<%--此页面用来放置搜索框跟分类--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<!-- 中间头部 -->
<div class="w header">
    <div class="logo">
        <h1>
            <a href="${pageContext.request.contextPath}/shop/client"></a>
        </h1>
    </div>
    <div class="form">
        <!-- 搜索框 -->
        <form action="${pageContext.request.contextPath}/shop/client/search">
            <input type="text" name="content" placeholder="Vue.js实战" required>
            <button type="submit"><i></i></button>
        </form>
    </div>
    <!-- 购物车 -->
    <div class="shop-car se ">
        <img src="${pageContext.request.contextPath}/shop/client/images/cart.gif" alt="" style="margin-top: 5px;"><a href="${pageContext.request.contextPath}/shop/client/cart.jsp" class="se">我的购物车</a>
    </div>
    <!-- 关键词 -->
    <div class="hotwords">
        <a href="" class="se">倾城之恋</a>
        <a href="">情人</a>
        <a href="">荆棘鸟</a>
        <a href="">挪威的森林</a>
        <a href="">失乐园</a>
        <a href="">围城</a>
        <a href="">小王子</a>
        <a href="">红与黑</a>
        <a href="">茶花女</a>
    </div>
    <div class="navitems">
        <ul>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=all" id="all">全部商品目录</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=文学" id="wenxue">文学</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=生活" id="shenghuo">生活</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=计算机" id="jisuanji">计算机</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=外语" id="waiyu">外语</a></li>
            <li class="space01"></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=经营" id="jingying">经营</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=励志" id="lizhi">励志</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=社科" id="sheke">社科</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=学术" id="xueshu">学术</a></li>
            <li class="space01"></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=少儿" id="shaoer">少儿</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=艺术" id="yishu">艺术</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=原版" id="yuanban">原版</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=科技" id="keji">科技</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=考试" id="kaoshi">考试</a></li>
            <li><a href="${pageContext.request.contextPath}/shop/client/cate?category=生活百科" id="shenghuobaike">生活百科</a></li>
        </ul>
    </div>
</div>
</body>
</html>
